import { Box, styled } from '@mui/material';

export const StyledCalendarWrapper = styled(Box)({
  '& .fc-event': {
    cursor: 'pointer',
  },
  '& .fc-daygrid-event': {
    whiteSpace: 'normal',
    overflow: 'hidden',
  },
  '& .past-date': {
    backgroundColor: '#f5f5f5',
  },
  '& .meeting-event': {
    backgroundColor: '#e3f2fd',
    borderColor: '#90caf9',
    color: '#1976d2',
    '&:hover': {
      backgroundColor: '#bbdefb',
    }
  }
});
